<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!-- 使用Spring标签 -->
<%@taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<!DOCTYPE HTML P LIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>WebUpload Demo</title>
    <!-- zui css -->
    <link rel="stylesheet" href="/static/dist/css/zui.min.css">
    <link rel="stylesheet" href="/static/dist/theme/blue.css">
    <!-- app css -->
    <link rel="stylesheet" href="/static/css/app.css">
    <link rel="stylesheet" src="../static/markdown/css/editormd.css" />
    <!-- jquery js -->
    <script src="/static/dist/lib/jquery/jquery.js"></script>

    <!-- zui js -->
    <script src="/static/dist/js/zui.min.js"></script>
    <link href="/static/dist/lib/uploader/zui.uploader.min.css" rel="stylesheet">
    <script src="/static/dist/lib/uploader/zui.uploader.min.js"></script>

  </head>
  <body>

  <div class="container">
    <div id='uploaderExample3' class="uploader" data-ride="uploader" data-url="/admin/activity/mediaLibrary/uploadFil">
      <div class="uploader-message text-center">
        <div class="content"></div>
        <button type="button" class="close">×</button>
      </div>
      <div class="uploader-files file-list file-list-grid"></div>
      <div>
        <hr class="divider">
        <div class="uploader-status pull-right text-muted"></div>
        <button type="button" class="btn btn-link uploader-btn-browse"><i class="icon icon-plus"></i> 选择文件</button>
        <button type="button" class="btn btn-link uploader-btn-start"><i class="icon icon-cloud-upload"></i> 开始上传</button>
      </div>
    </div>
    <script type="application/javascript">
        $('#tableUploader').uploader({
            url: '/admin/activity/mediaLibrary/uploadFil',
            // 当队列中的某个文件开始上传之前触发
            onBeforeUpload: function (file) {// MD5验证文件

            },
            // 当队列中的某个文件开始上传时触发
            onUploadFile: function (file) {

            },
            // 当启用分片上传选项后，每个文件片段上传完成时触发
            onChunkUploaded: function (file, responseObject) {

            },
            // 当队列中的一个文件上传完成后触发
            onFileUploaded: function (file) {

            },
            // 当队列中所有文件上传完成后触发
            onUploadComplete: function (file) {

            },
            // 当文件上传进度发送变化时触发，此回调函数会在上传文件的过程中反复触发
            onUploadProgress: function (file) {

            }

        });
        //        $('#uploaderExample').uploader({
        //            autoUpload: true,            // 当选择文件后立即自动进行上传操作
        //            url: 'e',  // 文件上传提交地址
        //            renameByClick: false,
        //            renameExtension: false,
        //            rename: false
        //        });
    </script>
  </div>
  </body>
</html>